<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>餐厅老板登录页面</title>
<style>  
       /* 简单的CSS样式 */    
body {    
    font-family: Arial, sans-serif;    
    margin: 0;    
    padding: 20px;    
    background-color: #f0f0f0;   
    display: flex;  
    justify-content: center;  
    align-items: center;  
    height: 100vh; /* 使内容垂直居中 */  
    margin: 0;  
    text-align: center;   
}    
.container {    
    max-width: 400px;    
    padding: 20px;    
    background-color: #fff;    
    border-radius: 10px;    
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);  
    text-align: left; /* 改为left以便文本和标签左对齐 */  
}    
h2 {    
    text-align: center;    
    margin-bottom: 20px; /* 增加底部间距 */  
}    
.form-group {    
    margin-bottom: 10px;  
}    
label, input[type="text"], input[type="password"] {    
    display: block;    
    width: 100%; /* 宽度设置为100%以填充容器 */  
    text-align: left; /* 文本左对齐 */  
    padding: 5px; /* 增加内边距 */  
}    
input[type="submit"] {    
    width: 100%; /* 宽度设置为100%以填充容器 */  
    padding: 10px;    
    background-color: #4CAF50;    
    color: #fff;    
    border: none;    
    border-radius: 10px;    
    cursor
    </style> 
</head>
<body>
<h2>餐厅老板登录</h2>
<p>
<form action="checklogin.jsp" method="post">
    <label for="admin_id">用户名:</label>
    <input type="text" id="admin_id" name="admin_id"><br>
    <label for= "admin_pwd">密码:</label>
    <input type="password" id="admin_pwd" name="admin_pwd"><br>

    <input type="submit" name="btn" value="登录"><br>
    </p>
</form>
</body>
</html>